<script setup lang="ts">
import { defineProps } from 'vue'
const { title } = defineProps(['title'])
</script>

<template>
    <div>
        <div class="title">
            <slot :title="title">
                <p>
                    {{ title }}
                </p>

            </slot>
        </div>
    </div>
</template>

<style scoped>
.title {
    width: 95%;
    line-height: 36px;
    padding-right: 25px;
    color: aliceblue;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    background-image: url('../../assets/images/titlebg.png');
    transform: rotateY(-180deg);
    background-size: 100% 100%;
    p{
        transform: rotateY(180deg);
    }
}
</style>
